<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>el与data的两种写法</title>
        <script type="text/javascript" src="../js/vue.js"></script>
    </head>

    <body>
        <div id="root">
            <h1>{{name}}</h1>
        </div>

        <script type="text/javascript">
            
        const v = new Vue({
            //方式一：对象式
            // data:{
            //     name:'杨啟锐'
            // }

            // 方式二：函数式
            data:function(){
                return{
                    name:'杨啟锐'
                }
            }
        })


        setTimeout(() => {
            v.$mount('#root')
        }, 1000);
        </script>
    </body>
</html>